/* douban ui */

/* Tag */
.tags { line-height:1.2; }
.tags li { display:inline;margin:-1ex 1.2ex;}
.size1 a { font-size:1em; }
.size2 a { font-size:1.17em }
.size3 a { font-size:1.5em; }
.size4 a { font-size:1.75em }


/* Modules - List */
.list-s { clear:both; /*add by whshang-start*/padding-left: 18px;margin-bottom: 8px;/*add by whshang-end*/}
.list-s li { float:left;text-align:center; }

/* Item */
.item { *zoom:1;overflow:hidden; }
.item .pic { float:left;text-align:center; }
.item .pic span { display:block; }
.item .info { float:right;width: 520px; text-align:left; }
.item .tags { margin-left: 3px }
.item .info span{ color:#666; }
.item .info ul { margin-left:1em; }
.item .title { margin: 0 0 6px; padding: 3px 5px 1px; background: #efe; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.item .title em { font-size: 14px; }
.item .intro { color: #666; margin: 0 0 6px }
.item .opt { text-align: right; margin: 0 }
.info li { float:none;text-align:left ;} 
.info li span { display:inline; }
.info li .hidden { display:none; } 

/* Message List */
.list-m .title a { font-size:14px; }
.list-m p, .list-m .title span { color:#666; } 
.list-m li { border-bottom:1px dashed #ccc; display:block; padding:2px 0; zoom:1}
.list-m .date { margin-left:1em; }
.list-m .last { border:0; }

/* Message List on timeline */
.list-t dt { border-bottom:1px solid #ccc; }
.list-t dd { margin-bottom:1em; }
.list-t .list-m li { padding-left:12px;background:url() no-repeat 0 6px; *background-image:url(mhtml:http://hikejun.com/tmp/core.css!list-dot); }
blockquote { padding:0 1em;margin:1em;color:#111;background:url() no-repeat 0 0;*background-image:url(mhtml:http://hikejun.com/tmp/core.css!quote-left); }
blockquote q { *zoom:1;margin-right:1ex;background:url() no-repeat right bottom;*background-image:url(mhtml:http://hikejun.com/tmp/core.css!quote-right); }

/* Comment item & Update item rules  */
.update-item, 
.comment-item { *zoom:1;overflow:hidden;margin-bottom:1.6em; }
.update-item .pic, 
.comment-item .pic { position:relative;z-index:1;float:left;margin-right:-100em;overflow:hidden;width:75px; }
.update-item .content, 
.comment-item .content { float:right:100%;padding-left:7em; }
.comment-item h3 { margin-bottom:1ex; }
.comment-item p, .comment-item .author { margin-bottom:1em; }
.comment-item .title { font-size:14px; } 
.update-item .content { padding-left:5em; } 
.update-item .author { margin-bottom:.5em; }
.update-item blockquote, .update-item p { margin:.5em 0; }
.update-item li { border-bottom:1px solid #eee;min-height:55px;_height:55px; }
.update-item p { color:#999; }

/* Button */
.bn-add span, .bn-add, .bn-hot span, .bn-hot, .bn-std span, .bn-std { display:inline-block;display:-moz-inline-stack;*zoom:1;height:22px;line-height:0;font-size:0;padding-left:3px;vertical-align:middle;overflow:hidden; }
.bn-hot span, .bn-hot { height:24px; }
.bn-add, .bn-add span, .bn-hot, .bn-hot span, .bn-std span, .bn-std, x:default { display:inline-block;}
.bn-add span, .bn-hot span, .bn-std span { padding:0 8px 0 5px; background: url(../img/core.png) no-repeat 100% 0;line-height:23px;font-size:12px;cursor:pointer; }
.bn-hot span { background-position: 100% -23px;line-height:24px; }
.bn-add span { background-position: 100% -71px;padding-right:15px; }
a.bn-std:link, a.bn-std:visited, a.bn-std:hover, a.bn-std:active { background: url(../img/core.png) no-repeat 0 0;color:#000; } 
a.bn-hot:link, a.bn-hot:visited, a.bn-hot:hover, a.bn-hot:active { background: url(../img/core.png) no-repeat 0 -23px;color:#eb928c; } 
a.bn-add:link, a.bn-add:visited, a.bn-add:hover, a.bn-add:active { background: url(../img/core.png) no-repeat 0 -71px;color:#9e9e9e;padding-left:25px; } 
a.bn-hot:hover, a.bn-hot:active { background-position: 0 -47px; }
a.bn-hot:hover span, a.bn-hot:active span { background-position: 100% -47px;color:#f4473b; }

/* Rating */
.rating1-t, .rating15-t, .rating2-t, .rating25-t, .rating3-t, .rating35-t, .rating4-t, .rating45-t, .rating5-t, .rating-t { display:inline;padding-left:55px;font-size:9px;line-height:1;background:url(../img/ui/core.png) no-repeat 0 0;font-family:simsun; zoom:1 }
.rating1-t em, .rating15-t em, .rating2-t em, .rating25-t em, .rating3-t em, .rating35-t em, .rating4-t em, .rating45-t em, .rating5-t em, .rating-t em { color:#ff5c38;font-family:tahoma; }
.rating1-t {background-position:0 -216px;}
.rating15-t {background-position:0 -204px;}
.rating2-t {background-position:0 -193px;}
.rating25-t {background-position:0 -180px;}
.rating3-t {background-position:0 -168px;}
.rating35-t {background-position:0 -156px;}
.rating4-t {background-position:0 -144px;}
.rating45-t {background-position:0 -132px;}
.rating5-t {background-position:0 -120px;}

.rating1-b, .rating15-b, .rating2-b, .rating25-b, .rating3-b, .rating35-b, .rating4-b, .rating45-b, .rating5-b, .rating-b { display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;vertical-align:text-top;overflow:hidden;padding-left:80px;margin:-3px 1ex 0 0;font-size:14px;line-height:14px;background:url(../img/ui/core.png) no-repeat;*margin-top:0;}
.rating1-b, .rating15-b, .rating2-b, .rating25-b, .rating3-b, .rating35-b, .rating4-b, .rating45-b, .rating5-b, .rating-b, x:default { display:inline-block; }
.rating1-b em, .rating15-b em, .rating2-b em, .rating25-b em, .rating3-b em, .rating35-b em, .rating4-b em, .rating45-b em, .rating5-b em, .rating-b em{ color:#ff5c38;font-family:tahoma; }
.rating1-b {background-position:-120px -240px;}
.rating15-b {background-position:-120px -225px;}
.rating2-b {background-position:-120px -210px;}
.rating25-b {background-position:-120px -195px;}
.rating3-b {background-position:-120px -180px;}
.rating35-b {background-position:-120px -165px;}
.rating4-b {background-position:-120px -150px;}
.rating45-b {background-position:-120px -135px;}
.rating5-b {background-position:-120px -120px;}

.rating-l b { display:inline-block;display:-moz-inline-stack;*zoom:1;height:14px;overflow:hidden;background:#f5cbad;margin:-2px 2px 0 0;vertical-align:middle;*vertical-align:text-bottom; }
.rating-l em { font-size:9px;font-family:tahoma;line-height:1; }

/* douban ui end */

/* page css */
.zbar div { float: left; background: url(../img/zbar.gif) no-repeat; margin: 0; padding-left: 10px }
.zbar { background: url(../img/zbar.gif) no-repeat -41px 0; margin-bottom: 21px }
.opt-bar .sort { float: left; color: #999 }
.opt-bar .mode { float: right }
.opt-bar .rating { display: inline-block; margin-left: 5px; *display: inline; zoom: 1 }
.gray-dot { font-size: 14px; color: #999; padding: 0 3px }

.grid-list-bar { overflow:hidden;display:inline-block; *display: inline; *zoom: 1; margin: 0 0 0 10px }
.grid-list-bar li { float: left; width: 22px; height: 15px; overflow: hidden }
.grid-list-bar .grid a,
.grid-list-bar .list a,
.grid-list-bar .grid-on,
.grid-list-bar .list-on { display: block; line-height: 9999px; background: url(../img/grid_list_icon.png) no-repeat }
.grid-list-bar .list a { cursor: pointer; background-position: -28px 0 }
.grid-list-bar .grid a { cursor: pointer; background-position: 0 0 }
.grid-list-bar .grid-on { background-position: 0 -25px }
.grid-list-bar .list-on { background-position: -28px -25px }
.grid-list-bar .list,
.grid-list-bar .list-on { margin-left: -1px }

.subject-num { display: inline-block; *display: inline; zoom: 1; vertical-align: text-bottom; color: #999 }
.list-view .highlight , .list-view .expanded { background: #eefcee }
.list-view .item { border-bottom: 1px dashed #ddd; *display:inline }
.grid-view .item { margin: 0 0 20px; padding: 0 0 5px; border-bottom: 1px dashed #ddd }
.grid-view .last,
.list-view .last { border: none }
.grid-view .item .pic { width: 80px; overflow: hidden }
.grid-view .item .info { width: 510px }

.grid-view .opt-ln { margin: 8px 0px }
.grid-view .opt-ln .opt-l { float: left }
.grid-view .opt-ln .opt-r { float: right }
.grid-view .more { display: none }

.list-view .item-show { padding: 5px 3px; cursor: pointer }
.list-view .title { float: left; margin: 0; padding: 0; border: none; background: none }
.list-view .date { float: right; width: auto; color: #666 }
.list-view .comment { margin: 0 3px 5px 3px }
.list-view .tags { margin: 0 20px 0 0 }
.list-view .opt { float: right }

.list-view .expand { float: right }
.list-view .expand a { background-position: 0 0; cursor: pointer; line-height: 99px; display: block; background: url(../img/expand.png) no-repeat scroll 0 0 transparent; width: 31px; height: 16px; overflow: hidden; text-decoration }
.list-view .expand a:hover { background: url(../img/expand.png) no-repeat scroll 0 -16px transparent }
.list-view .collapse { float: right }
.list-view .collapse a { background-position: 0 0; cursor: pointer; line-height: 99px; display: block; background: url(../img/expand.png) no-repeat scroll 0 -32px transparent; width: 31px; height: 16px; overflow: hidden; text-decoration }
.list-view .grid-date { color:#666666; margin: 5px 3px }
.list-view .opt-ln { margin: 8px 0px }
.list-view .opt-ln .opt-l { float: left }
.list-view .opt-ln .opt-r { float: right }

#tags-edit-form { float: left }
.tags-edit { text-align: right; clear: both; margin: 0 0 8px }
.tags-edit .edit-bn { float: right }
.tags-edit a { margin: 0 0 0 6px }
.tag-edit-mode,
.tag-del-mode { display: none }
.tag-del-mode em { color: red }
.tag-del-mode p { display: inline; margin: 0 10px 0 0 }
.tag-cancel { display: none }

.covers-wall li { float: left; display: inline; width: 66px; height: 98px }
.covers-wall li:hover .cover-wrap { display: block }
.covers-wall li:hover .cover { z-index: 3 }
.covers-wall .cover { position: absolute; z-index: 1; display: block; width: 66px; height: 98px; overflow: hidden }
.covers-wall .cover img { width: 66px; min-height: 98px }
.covers-wall .cover:hover { background: none }
.covers-wall h3 { font-size: 12px; height: auto; color: #111; background: none; padding: 0; margin: 106px 0 -3px }

/*edit by whshang-start*/
.cover-wrap { display: none; position: absolute; z-index: 2; border: 1px solid #ddd; width: 80px; height: 140px; margin: -8px 0 0 -8px; text-align: center; background: #fff }
/*edit by whshang-end*/

.sub-list .list-s li { width: 105px; text-align: center }
.sub-list .list-s .cover:hover { background: none }

.article .mod,
.aside .mod { margin-bottom: 40px; clear: both }
.aside .mod .m0 { margin: 0 }

.comment-m .comment-item h3 { height: auto; margin: 0; background: none }
.comment-m .comment-item p { margin: 5px 0 0 }
.comment-m .comment-item .pic a:hover { background: none }
.comment-m .comment-item .author { color: #999; margin: 0 }
/* .comment-m .comment-item .author a { color: #69c } */
/* .comment-m .comment-item .author a:hover { color: #fff; background: #69c } */

/*edit by whshang-start*/
.profile-wrap .intro { padding: 8px 7px }
.profile-wrap .opt { padding: 5px 7px }
.profile-wrap .opt a.btn { color: #333; margin: 0 5px 0 0; text-align: center; padding: 0 5px; height: 21px; line-height: 21px; border: 1px solid #ccc }
.profile-wrap .face { float: left; margin: 0 10px 0 0 }
.profile-wrap .face img { margin-bottom: -5px }
.profile-wrap .face:hover { background: none }
.profile-wrap .info { float: left; margin: 0 }

.book-page { border: 1px solid #a6d098 }
.music-page { border: 1px solid #ddd }
.movie-page { border: 1px solid #8cd4de }
.book-page .opt { background: #e9f5e9; border-top: 1px solid #a6d098 }
.book-page .opt a.btn { display: inline-block; background: url(../img/bg-btn-green-book.png) repeat-x top ;border-color: #A6D098;}
.book-page .opt a.btn:hover { display: inline-block; background: url(../img/bg-btn-green-book.png) repeat-x bottom }
.music-page .opt { background: #f7f7f7; border-top: 1px solid #ddd }
.music-page .opt a.btn { display: inline-block; background: url(../img/bg-btn-gray-music.png) repeat-x top; border-color:#B6C9C1; }
.music-page .opt a.btn:hover { display: inline-block; background: url(../img/bg-btn-gray-music.png) repeat-x bottom }
.movie-page .opt { background: #e7f5f6; border-top: 1px solid #8cd4de}
.movie-page .opt a.btn { display: inline-block; background: url(../img/bg-btn-blue-movie.png) repeat-x top; border-color:#8CD4DE; }
.movie-page .opt a.btn:hover { display: inline-block; background: url(../img/bg-btn-blue-movie.png) repeat-x bottom }
/*edit by whshang-end*/

.list-m p { margin: 0; overflow: hidden } .list-m a { float: left }
.list-m .rec { float: right }

.book-user-list li { float: left; width: 77px; margin: 0 0 15px }
.book-user-list .sep { float: none; font-size: 0; clear: both; width: auto; margin: 0 }
.book-user-list .face,
.book-user-list .name { display: block; text-align: center; line-height: 18px; *line-height: 21px; overflow:hidden }
.book-user-list .face { margin: 0;!improtant margin: 0 0 6px }
.book-user-list .face:hover { background: none }
.book-user-list .face img { margin: 0 0 -3px }

.item .title em { font-style: normal }

/* 友邻读书 */
.grid-view #db-book-friends .item { border-bottom: 1px solid #f5fff2 }
.grid-view #db-book-friends .last { border: none }
#db-book-friends .item .title { background: none; padding: 0; margin: 0 }
#db-book-friends .item blockquote { position: relative; padding: 10px; background-color: #f5fff2; border-bottom: 1px solid #dcf5d5; background-position: 10px 10px; text-indent: 2em; margin-left: 0 }
#db-book-friends .item blockquote em { position: absolute; top: -8px; left: 10px; width: 12px; height: 8px; overflow: hidden; background: url(../img/bg_arr1.png) no-repeat 0 0 }
#db-book-friends .item blockquote q {}
#db-book-friends .intro { margin: 0 0 12px }

/* 我的读书 */
#db-book-mine .mod { margin-bottom: 20px }
#db-book-mine { margin-bottom: 30px }
#db-book-mine .list-s li { float: none; display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; width: 18%; margin-bottom: 10px; vertical-align: bottom }
#db-book-mine h3 { height: 30px; color: #000; margin: 0; font-size: 12px; background: none }
#db-book-mine h3 em { float: left; font-style: normal; height: 20px; padding: 0 10px; background-color: #f2faf0 }

/*edit by everbird-start*/
.tag-cloud .on { color: #fff; background: #92B878; padding: 0 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.tag-list { width: 220px; border-top: 1px dashed #ddd }
.tag-list li { border-bottom: 1px dashed #ddd; padding: 2px 5px }
.tag-list a { float:left }
.tag-list span { float: right }
.tag-list .on { color: #fff; background: #92b878 }
.tag-list .on a { color: #fff }
#db-usr-profile .info ul .sep { margin-left: -8px; margin-right: 4px; color: #eee }
.mod .opt .vv { margin-right: 3px; background: url(../img/allright-small.gif) no-repeat 0px 1px }
/*edit by everbird-end*/

